<!-- Copyright (c) 2022 渝州大数据实验室
 *
 * Lanius is licensed under Mulan PSL v2.
 * You can use this software according to the terms and conditions of the Mulan PSL v2.
 * You may obtain a copy of Mulan PSL v2 at:
 *
 *     http://license.coscl.org.cn/MulanPSL2
 *
 * THIS SOFTWARE IS PROVIDED ON AN "AS IS" BASIS, WITHOUT WARRANTIES OF ANY KIND, EITHER EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO NON-INFRINGEMENT, MERCHANTABILITY OR FIT FOR A PARTICULAR PURPOSE.
 * See the Mulan PSL v2 for more details.
 -->
<!-- 
* @desc:退出登录组件
* @fileName:HeaderLogout.vue
* @author:zoujunjie
* @date:2022-05-07
!-->
<template>
  <lanius-pop-confirm
    title="退出系统"
    content="确定退出系统？"
    confirmText="确定退出"
    cancelText="取消"
    placement="bottom"
    @confirm="logout"
  >
    <HeaderIconItem
      :icon-url="iconSwitch"
      tooltip="退出登录"
      class="hover-cursor-pointer"
    ></HeaderIconItem>
  </lanius-pop-confirm>
</template>
<script lang="ts" setup>
import HeaderIconItem from "./HeaderIconItem.vue";
import iconSwitch from "@/assets/img/layout/header/icon-switch.png";
import * as userService from "@/services/user";

const logout = (): void => {
  userService.logout();
  window.location.reload();
};
</script>
<style lang="scss" scoped></style>
